<script setup lang="ts">
import { defineProps } from "vue";

defineProps<{
  name: string;
  value: string;
  settype?: string;
}>();
</script>

<template>
  <div class="detailLie" v-if="!settype">
    <div class="name">{{ name ?? "未获取" }}：</div>
    <div class="info">{{ value }}</div>
  </div>
  <div class="detailLie rightLie" v-else-if="settype == 'right'">
    <div class="name">{{ name ?? "未获取" }}：</div>
    <div class="info">{{ value }}</div>
  </div>
  <div class="detailLie feedLie" v-else-if="settype == 'feed'">
    <div class="name">{{ name ?? "未获取" }}：</div>
    <div class="info">{{ value }}</div>
  </div>
</template>

<style scoped lang="scss">
.detailLie {
  @include detailLie();
}
.rightLie {
  .info {
    text-align: right;
  }
}
.feedLie {
  display: flex;
  flex-direction: column;
}
</style>
